@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';

@mixin flexs(){
    display: -webkit-flex;
    display: flex; 
}

@mixin flex_left(){
    @include flexs();
    
    -webkit-justify-content: left;
    justify-content: left;
    
    -webkit-align-items: center; 
    align-items: center;
}


@mixin no_select(){
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}

@mixin border_box(){
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
}

body{
	background: #fff;
}


.tx_logbor{
	display: none;
	width: 100%;
	overflow: hidden;
	ul{
		@include border_box(); 
	}
	li{
		width: 100%;
		padding: px2rem(0px) px2rem(24px);
		height: px2rem(132px);
		@include border_box();  
		overflow: hidden;
		.left{
			@include flexs();
			float: left;
			width: 50%;
			height: px2rem(130px);
            line-height: px2rem(125px);
            border-bottom: px2rem(2px) solid #f1f1f1;
            overflow: hidden;
			span{
				@include flex_left();  
			}
			img{
				display: inline-block;
				width: px2rem(46px);
				height: px2rem(46px); 
				overflow: hidden;
				vertical-align: middle;
			}
			.status{
				margin-left: px2rem(8px);
				font-size: px2rem(32px);
			}
			.shz{
				color:#9582fc;
			}
		}
		.right{
			float: left;
			width: 50%;
			height: px2rem(130px);
			text-align: right;
			border-bottom: px2rem(2px) solid #f1f1f1;
			overflow: hidden;
			.money{
				margin-top:px2rem(24px);
                color: #2d2d2d;
                font-size: px2rem(32px);
                font-weight: 800;
			}
			.date{
                color:#666666;
                font-size: px2rem(20px);
			}
		}
	}
	.error{
		background:#f2f2f2; 
		.status,
		.right{
			opacity: 0.6;
		}
	}
}



.nodataTips{  
	display: none;
    margin-top: px2rem(150px);
    width: 100%;
    .img{
       position:relative;
       left: 50%;
       margin-left: px2rem(-205px);
       width: px2rem(411px);
       height: px2rem(372px);
       background: url(../../base/images/error@3x.png) left top no-repeat;
       background-size: 100%;
    }
    .text{
       margin-top: px2rem(20px);
       font-size: px2rem(28px);
       text-align:center;
       color:#b6b6b6;
    }
}

 

